﻿@charset "utf-8";

/*
 * 重置样式
 */

body { font-family:"Microsoft YaHei" !important; min-width:1000px; }
ul, ol { list-style:none; }
ul, li, dl{ margin:0; padding:0; }
.container { width:100%; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family:"Microsoft YaHei"; }
.panel-body .table { margin-bottom:0; }
.margin-bottom { margin-bottom: 8px; }
.margin-top { margin-top:8px; }
.margin-left{ margin-left: 8px;}
.margin-right{ margin-right: 8px;}
.padding{ padding: 8px;}
.panel-body { position:relative; }
.edui-editor * { -webkit-box-sizing:content-box; box-sizing:content-box; }
.nav li a.active { color:#fff; }
iframe { border:none; }
.wmfl-line { height:1px; width:90%; margin:10px auto; border-top:1px solid #ccc; }
/*
 * 导航
 */
.position a{margin-right:8px; margin-bottom:10px; color:#666;}
.action{ background:#777; padding:8px 15px; margin:0 0 10px 0; border-radius:4px;}
.action span{ color:#f9f9f9;}
.action a{ display:inline-block; margin:0 10px; color:#fff;}
.action a.active{color:#F9C251;}
.breadcrumb{margin-bottom:10px;}
.breadcrumb li:nth-of-type(2)::before{content:"";}
.none{display:none;}

/*
 * 提示类，只让字变了颜色，最简单的需求下使用
 */
.tip, .Validform_checktip{padding: .2em .6em .3em; font-size: 75%; font-weight: bold;line-height: 1;}
.tip-default{color:#999;}
.tip-primary{color:#428BCA;}
.tip-success, .Validform_right{color:#5CB85C;}
.tip-info{color:#5BC0DE;}
.tip-waring{color:#F0AD4E;}
.tip-danger, .Validform_wrong{color:#D9534F;}

/*
 * 分页 pagination
 */
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{ vertical-align:middle; }
.table > tfoot > tr > td{ border-top:none; }
.table > thead > th{ width:10%; }
.pagination{ margin:5px 0px 0px 0px; }
.pagination > div{ border-radius:4px; overflow:hidden; }
.pagination > div a, 
.pagination > div span{ position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #fff; border: 1px solid #ddd }
.pagination > div > a:first-child{ margin-left:0; border-top-left-radius:4px; border-bottom-left-radius:4px; }
.pagination > div > a:last-child{ border-top-right-radius:4px; border-bottom-right-radius:4px; }
.pagination > div > a:hover,  .pagination > div > span:hover, .pagination > div > a:focus, .pagination > div > span:focus {background-color: #eee; }
.pagination > div > .current, .pagination > div > .current:hover{ z-index: 2; color: #fff; cursor: default; background-color: #428bca; border-color: #428bca; }

/*
 * 表情
 */
.reply-txt{ position:relative;}
.reply-txt .icon-emtion{ background:transparent url(../images/icon_msgsender.png) no-repeat 0 -282px; vertical-align:middle; width:28px; height:28px; display:inline-block; }
.reply-txt .icon-emtion:hover{ background-position:-31px -282px; }
.reply-txt ul.emtions{ position:absolute; top:100%;	left:10px; width:406px;	overflow:hidden; z-index:10; border-top:1px solid #d3d3d3; border-right:1px solid #d3d3d3; }
.emtion-item{float:left; line-height:27px; height:27px; font-size:0; text-align:center; width:27px; border-bottom:1px solid #d3d3d3; border-left:1px solid #d3d3d3;	background:#fff; }
.emtion-item i{ display:inline-block; cursor:pointer; height:24px; width:24px; vertical-align:middle; background:transparent url(../images/emotion.gif) no-repeat 0 0; }
.emtion-item:hover{ border:1px solid #E4007F; position:relative; }

/*
 * 图文素材列表选择
 */
#news{display:none; position:absolute; right:20px; top:80px;background:#f3f3f3; border:1px solid #ccc; border-radius:5px; width:350px; max-height:600px; overflow-y:auto;}
.news-item{ position:relative; background:#fff; width:320px; padding:5px 10px; margin:10px; cursor:pointer;}
.news-item .news-image{ width:300px; height:160px; overflow:hidden;}
.news-item .news-image img{ width:100%;}
.news-item .news-mask{ display:none; position:absolute; top:0; left:0; bottom:0; right:0; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:1;}
.news-item .icon-news-selected{ display:none; position:absolute; top:50%; left:50%; margin-top:-30px; margin-left:-33px; z-index:2; background: transparent url(../images/icon_news_selected.png) no-repeat 0 0; width:75px; height:60px;}
.news-item.selected .news-mask{ display:block;}
.news-item.selected .icon-news-selected{ display:inline-block;}
#news-lists{cursor:default;}
.news-lists .get-more-news{ display:block; line-height:30px; text-align:center;}

#news-result{ border:1px solid #ccc; width:340px; border-radius:5px; min-height:50px;}
.news-edit-item{ position:relative; background:#fff; width:338px; padding:5px 10px; cursor:pointer;}
.news-edit-item1 .news-image{ width:318px; height:160px; overflow:hidden;}
.news-edit-item1 .news-image img{ width:100%;}
.news-edit-item2{ border-top:1px solid #d3d3d3;}
.news-edit-item2::after{ content:"\200B"; display:block; height:0; clear:both;}
.news-edit-item2 .news-title{ float:left; over:hidden; width:220px; max-height:48px;}
.news-edit-item2 .news-title h4{ font-size:14px;}
.news-edit-item2 .news-image{ float:right; width:80px; height:80px; overflow:hidden;}
.news-edit-item2 .news-image img{ width:80px;}
.news-edit-item2 .news-mask,
.news-edit-item1 .news-mask{display:none; position:absolute; top:0; bottom:0; left:0; right:0; background:#eee; opacity:0.7; filter:alpha(opacity=70);}
.news-edit-item2 .icon-news-selected,
.news-edit-item1 .icon-news-selected{display:none; position:absolute; top:50%; left:50%; margin-left:-15px; margin-top:-15px; width:30px; height:30px; background:url("../images/remove.png") no-repeat 0 0;}

/*
 *  自定义菜单样式
 */
.custom-menu-header > div{ background:#eee; line-height:30px; font-weight:bold;}
.custom-menu-item{ margin-top:5px; margin-bottom:5px;}
.custom-submenu-item{ margin-top:3px; margin-bottom:3px;}
.custom-submenu-item i.board{display:inline-block; float:left; width:55px; height:22px; margin-top:5px; background:transparent url("../images/bg_repno.gif") no-repeat 0 0;}
.custom-submenu-item .form-control.w40{ width: 40%;}

/*
 * 图片上传后预览样式
 */
#images-priview { position:absolute; right:10px; top:10px;}
#images-priview .image-item { position:relative; width:300px; height:150px; overflow:hidden; cursor:pointer;}
#images-priview .image-item img{width:300px; height:auto;}
#images-priview .image-item .black-mask{ display:none; position:absolute; top:0; bottom:0; left:0; right:0; background:#eee; opacity:0.7;}
#images-priview .image-item .icon-remove{ display:none; position:absolute; top:50%; left:50%; margin-left:-15px; margin-top:-15px; width:30px; height:30px; background:url(../images/remove.png); }

/*
 * 手机可视化预览
 */
.priview-btn{position:fixed; right:0; top:48%;}
.wmfl-phone-priview{ position:absolute; right:10px; top:10px; width:320px; height:600px;}

/*
 * 微相册
 */
.photo-list{}
.photo-list .photo-item{position:relative; float:left; width:15.6666666667%; height:auto; margin:0 1% 1% 0; border:1px solid #ddd; border-radius:3px; padding:6px; background:#fff;}
.photo-list .photo-item .photo{width:100%; height:130px; overflow:hidden; position:relative;}
.photo-list .photo-item .photo img{max-width:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
.photo-list .photo-item .remove{position:absolute; display:none; right:0; top:0; color:#fff; background-color:#333; width:20px; height:20px; text-align:center; cursor:pointer;}
.photo-list .photo-item:hover .remove{display:block;}
.photo-list .photo-item .remove:hover{background-color:#111;}

/**
 * bootstrap theme
 */
.modal-lg{
    width: 900px;
}
